﻿
/* Make clicks pass-through */
#loading-bar {
    pointer-events: none;
}

    #loading-bar .bar {
        transition: width 350ms linear, opacity 350ms;
        background: #29d;
        border-bottom-right-radius: 1px;
        border-top-right-radius: 1px;
        position: fixed;
        z-index: 10002;
        top: 0;
        left: 0;
        height: 2px;
        opacity: 0;
        width: 100%;
    }

        #loading-bar .bar.in-progress {
            opacity: 1;
        }

        #loading-bar .bar.no-trans {
            transition: opacity 350ms;
        }

    /* Fancy blur effect */
    #loading-bar .peg {
        position: absolute;
        width: 70px;
        right: 0;
        top: 0;
        height: 2px;
        opacity: .45;
        box-shadow: #29d 1px 0 6px 1px;
        border-radius: 100%;
    }
